<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="app">

    <input v-model="username">
    <!--插值表达式-->
    {{username}}


</div>
<script src="js/vue.js"></script>
<script>

    //1.创建vue对象
    new Vue({
        el:"#app",
        data(){ //简化书写
            return{
                username:""
            }
        }
       /* data:function (){
            return {
                username:""
                //data为函数，
                // 通过return 返回对象的拷贝，致使每个实例都有自己独立的对象，
                // 实例之间可以互不影响的改变data属性值。
            }
        }*/
    });
</script>
</body>
</html>